//1、在按钮上绑定事件
//）1. addEventLinstener。
//) 2. onclick==


//2、在方法里面
//1,获取用户的表单数据
//2. 创建一个xhr
//3. xhr.send() 把数据发给接口


//3.在xhr.onStatechange(){}回调函数
//里面 事先说好，数据返回后要执行的操作
//根据返回的数据做if()else判断。。。完成

// ------------------------------------------------


let denglu = document.getElementsByClassName('denglu')[0] //获取登录的按钮
let uname = document.getElementById('uname') //获取用户名
let upwd = document.getElementById('upwd') //获取用户名密码
    // console.log(upwd);
    //点击登录事件
denglu.addEventListener('click', function() {
    var xhr = new XMLHttpRequest()
    xhr.open("post", "http://39.106.207.209:8100/clans/login")
    xhr.setRequestHeader("Content-Type", "application/json")
    let obj = {
        name: uname.value,
        password: upwd.value
    }
    let b = JSON.stringify(obj)
    xhr.send(b)
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            let clansList = JSON.parse(xhr.responseText)
            console.log(clansList);
            if (clansList.code == 1) {
                location.href = "family.html"
            } else {
                alert('用户名或密码错误')
            }
        }
    }
})